<!doctype html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="apple-mobile-web-app-capable" content="yes">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="themes/images/icon.png" />
        <title>图片缩放</title>
        <link rel="stylesheet" href="themes/scale.css" type="text/css" />
    </head>
    <body>
    	<ul class="list">
            <li><img src="themes/images/2.jpg" /></li>
    		<li><img src="themes/images/3.jpg" /></li>
    		<li><img src="themes/images/4.jpg" /></li>
    		<li><img src="themes/images/5.jpg" /></li>
            <li><img src="themes/images/1.jpg" /></li>
    	</ul>

    	<section class="imgzoom_pack">
    		<div class="imgzoom_x">X</div>
    		<div class="imgzoom_img"><img src="" /></div>
    	</section>
        <script src="js/scale.js"></script>
		<script>
			document.addEventListener("DOMContentLoaded", function(event){
				ImagesZoom.init({
					"elem": ".list"
				});
			}, false);
		</script>
    </body>
</html>
